﻿@import url('../skin/_defaultSkin.less');

.canvasContainer{
    position:relative;
    width:550px;
    margin:auto;
    padding-bottom:40px;

    .bottomNotes{
        position:absolute;
        bottom:0;
        z-index:10;
        
        width:100%;

        .bottomPlayerData{
            width:65%;
            margin:auto;
            border:@greyE1 1px solid;
            border-radius:2px;
            background-color:white; 
            padding:3px;
            font-size:20px;
            text-align:center;
        }
    }

    .percentLeft{
        position:absolute;
        bottom:70px;
        left:90px;
        width:50px;
        text-align:center;
        z-index:10;
        border:@greyE1 1px solid;
        border-radius:2px;
        background-color:white;    
        padding:3px;
        font-size:20px;
        font-weight:bold;
        
    }

    .percentRight{
        position:absolute;
        bottom:70px;
        right:90px;
        width:50px;
        text-align:center;
        z-index:10;
        border:@greyE1 1px solid;
        border-radius:2px;
        background-color:white;    
        padding:3px;
        font-size:20px;
        font-weight:bold;
        
    }
}

canvas{
    margin:auto;
}

.stdTable{

    .stdTableRow.canvasRow{

        .stdTableCell{

            padding:5px 0 10px;
            border-bottom:1px solid black;


        }

        

    }


}